<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>话费充值</title>
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<link href="/css/user/users/member_center.css" rel="stylesheet" type="text/css" />
<link href="/css/user/users/memberCenter.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/member-center.js"></script>
<script type="text/javascript" src="/js/user/users/member_center/menu_line.js"></script>
</head>
<body>
	<div class="Wrapper">
		<!--通话记录头部-->
		<jsp:include page="../../common/member/memberHeader.jsp"></jsp:include>
		<!--通话记录头部-->
		<!--通话记录中间部分-->
		<div class="uc_bd mt20 mb20 ">
			<div class="uc_layer">
				<!--通话记录账户信息-->
       	  		<jsp:include page="../../common/call/call_center.jsp"></jsp:include>
			
				<div class="account mt20">
					<!--通话记录左侧-->
					<jsp:include page="../../common/call/call_left.jsp"></jsp:include>
					<!--通话记录左侧-->
					<!--基本资料右侧-->
					<div class="member_r fr">
						<div class="uitopb uitopb_border">
							<div class="lm-t tabs" >
								<label style="margin-left: 20px">充值</label>
							</div>
							<div class="uc_content order">
								<!--充值信息开始-->
								<form action="../alipay/doRecharge" method="post" id="rechargeForm" >
									<input name="userId" type="hidden" value="${userInfo.userId}">
									<p style="margin-left: 30px">话费余额：<font id="accountMoney"><fmt:formatNumber  value="0" pattern="#0.00"/></font>元</p>
									<p style="margin-left: 30px">
										充值金额：<input type="text" name="rechargeNum" style="border:1px solid gray;" size=8 value="">元
									</p>
									<br>
									<p style="margin-left: 30px;font-size: 14PX;font-weight: bold; ">选择支付方式：</p>
									<br>
									<div class="payers"  style="margin-left: 40px">
				               		    <input name="checkboxAccount" type="checkbox" id="checkboxAccount" checked="checked" />
				                        <input name="userId" type="hidden" value="${userInfo.userId}">
				                        <label for="checkbox"><b>账户余额支付</b></label>
			                        	<label style="margin-left: 50PX">账户可支付余额：
			                        		<font color="#008fb5">
		                                		<b  id="accountMoney">
		                                			<fmt:formatNumber value="${userInfo.accountMoney}" pattern="#0.00"/>
		                                		</b>
		                                	</font> 元
		                                </label>
		                                <br><br>
		                                <input name="checkboxOther" type="checkbox" id="checkboxOther" checked="checked" />
		                                <label for="checkbox"><b>第三方支付</b></label>
		                                
			                            <div class="clear"></div>
				                    </div>
									<script type="text/javascript">
										function nTabs(thisObj, Num) {
											if (thisObj.className == "on")
												return;
											var tabObj = thisObj.parentNode.id;
											var tabList = document.getElementById(tabObj).getElementsByTagName("li");
											for (i = 0; i < tabList.length; i++) {
												if (i == Num) {
													thisObj.className = "active";
													documen.getElementById(tabObj + "_Content" + i).style.display = "block";
												} else {
													tabList[i].className = "sta";
													document.getElementById(tabObj + "_Content" + i).style.display = "none";
												}
											}
										}
									</script>
									<br>
									<div style="margin-left: 40px">
										<div class="title_bar">
											<ul class="tabs" id="myTab" style="width: 740px">
												<li class="active" onclick="nTabs(this,0);"><a
													href="#tab1" style="margin: 0 0">第三方支付</a></li>
												<!-- <li class="sta" onclick="nTabs(this,1);"><a
													href="#tab2" style="margin: 0 0">网上银行</a></li> -->
											</ul>
										</div>
										<div class="tab_container">
											<div id="myTab_Content0" class="tab_content"
												style="display: block;">
												<label> <input type="radio" name="alipayRadio"
													value="支付宝" id="RadioGroup1_0" checked="checked" /> 支付宝
												</label> <!-- <label> <input type="radio" name="tenpayRadio"
													value="财付通" id="RadioGroup1_1" /> 财付通
												</label> -->
												<div class="clear"></div>
											</div>
											<!-- <div id="myTab_Content1" class="tab_content"
												style="display: none;">
												<label> <input type="radio" name="RadioGroup1"
													value="交通银行" id="RadioGroup1_0" /> 交通银行
												</label> <label> <input type="radio" name="RadioGroup1"
													value="工商银行" id="RadioGroup1_1" /> 工商银行
												</label>
												<div class="clear"></div>
											</div> -->
										</div>
									</div>

									<div class="mt20"  style="margin-left: -40px">
										<input type="button" name="button" id="doRecharge" value="去充值" class="basicbtn" />
									</div>
								</form>
								<!--充值信息结束-->
							</div>
						</div>
					</div>
					<!--通话记录右侧-->
					<div class="cl"></div>
				</div>
			</div>
		</div>
		<!--通话记录中间部分-->
		<!---------------------------------footer------------------------------------>
		<jsp:include page="../../common/footer.jsp" />
		<!---------------------------------footer结束------------------------------------>
	</div>
</body>
</html>
